<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="less" scoped>
  html,body{
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    color: #333333;
  }
  .detail-d{line-height: 0;}
  .detail-img{width: 100%;margin-bottom: 0;}
  .position-rel{position: relative;    height: 8em;}
  .position-fix{position:fixed;bottom: 0;background: #ffffff;}
  .descTitle {
      text-align: center;
      padding-top: 1rem;
  }
  .blue{color: #0070c0;}
  .descTitle span {
    font-size: 1.2rem;
    line-height: .8rem;
  }
  .desContent{line-height: 1.8rem;font-size: 1.05rem;}
</style>



<template>
  <div >
    <!-- <p class="descTitle"><span>医真影像云产品介绍</span></p>
    <p class="pad desContent">沃·医真面向各医疗机构提供网络化、远程化、全方位的云PACS服务，包括医疗影像数据存储服务、高级影像处理服务、以及基于医生桌面端和移动端的影像调阅、辅助诊疗、教学培训等综合应用，使得各医疗机构享受到国际一流的影像云服务。</p> -->
    <div class="detail-d"><img class="detail-img" src="http://business.10010js.com:9001/frontpage/images/dingding/1.png" alt=""></div>
    <div class="detail-d"><img class="detail-img" src="http://business.10010js.com:9001/frontpage/images/dingding/2.png" alt=""></div>
    <p class="descTitle blue"><span>中国联通与阿里巴巴联合出品</span></p>
    <div class="detail-d"><img class="detail-img" src="http://business.10010js.com:9001/frontpage/images/dingding/3.png" alt=""></div>
    <div class="detail-d"><img class="detail-img" src="http://business.10010js.com:9001/frontpage/images/dingding/4.png" alt=""></div>
    <div class="detail-d"><img class="detail-img" src="http://business.10010js.com:9001/frontpage/images/dingding/5.png" alt=""></div>
    
    
    <div class=" position-rel">
      <div class="position-fix pad">
          点击<b>“立即预约”</b>我们将为您匹配专属的客户经理，上门为您办理套餐入网开户，支持企业批量开户。
          <x-button type="primary" :gradients="['#1D62F0', '#19D5FD']" link="/">立即预约</x-button>
      </div>
       
        
    </div>
  </div>
</template>

<script>
  import { Swiper, Grid, GridItem, Panel,XButton,Marquee, MarqueeItem } from 'vux'
  export default {
    data() {
      return {

      }
    },
    methods: {
      // jump(name){
      //   this.$router.push({name})
      // }
    },
    components: {
      Swiper,
      Grid, GridItem,
      Panel,
      XButton,
      Marquee, MarqueeItem
    }
  }
</script>

